<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateGrupo.xhtml">
	<ui:define name="content">
		<h3 align="center" style="color: #FF9900">BITÁCORA N°2.
			PERTURBACIÓN DE LAS ONDAS</h3>
		<br />



		<a4j:form>
			<a4j:outputPanel>
				<h:graphicImage value="/images/act10.jpg" />
				<br />
				<h:panelGrid columns="4">
					<h:outputText value="Fecha Inicio:"></h:outputText>
					<rich:calendar datePattern="d/M/yy"
						value="#{grupoBean.bitacora2.fechaInicio}" required="true"
						requiredMessage="Dato requerido" id="inicio">
						<rich:ajaxValidator event="onblur" />
					</rich:calendar>

					<h:outputText value="Fecha Fin:"></h:outputText>
					<rich:calendar datePattern="d/M/yy"
						value="#{grupoBean.bitacora2.fechaFin}" required="true"
						requiredMessage="Dato requerido" id="fin">
						<rich:ajaxValidator event="onblur" />
					</rich:calendar>

					<h:outputText value="" />
					<rich:message for="inicio" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>
					<h:outputText value="" />
					<rich:message for="fin" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>
				</h:panelGrid>

				<h:panelGrid columns="1">
					<h:outputText
						value="Escriban
							cinco de las preguntas que formularon inicialmente los
							integrantes del grupo de investigación" />

					<h:inputTextarea value="#{grupoBean.bitacora2.pregunta1}"
						style="width: 460px; " id="pregunta1"
						validatorMessage="Error de Validación: Valor es más grande de valor de máximo permitido: '1024'.">
						<f:validateLength maximum="1024" />
						<rich:ajaxValidator event="onblur" />
					</h:inputTextarea>
					<rich:message for="pregunta1" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>

					<h:inputTextarea value="#{grupoBean.bitacora2.pregunta2}"
						style="width: 460px; " id="pregunta2"
						validatorMessage="Error de Validación: Valor es más grande de valor de máximo permitido: '1024'.">
						<f:validateLength maximum="1024" />
						<rich:ajaxValidator event="onblur" />
					</h:inputTextarea>
					<rich:message for="pregunta2" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>

					<h:inputTextarea value="#{grupoBean.bitacora2.pregunta3}"
						style="width: 460px; " id="pregunta3"
						validatorMessage="Error de Validación: Valor es más grande de valor de máximo permitido: '1024'.">
						<f:validateLength maximum="1024" />
						<rich:ajaxValidator event="onblur" />
					</h:inputTextarea>
					<rich:message for="pregunta3" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>

					<h:inputTextarea value="#{grupoBean.bitacora2.pregunta4}"
						style="width: 460px; " id="pregunta4"
						validatorMessage="Error de Validación: Valor es más grande de valor de máximo permitido: '1024'.">
						<f:validateLength maximum="1024" />
						<rich:ajaxValidator event="onblur" />
					</h:inputTextarea>
					<rich:message for="pregunta4" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>

					<h:inputTextarea value="#{grupoBean.bitacora2.pregunta5}"
						style="width: 460px; " id="pregunta5"
						validatorMessage="Error de Validación: Valor es más grande de valor de máximo permitido: '1024'.">
						<f:validateLength maximum="1024" />
						<rich:ajaxValidator event="onblur" />
					</h:inputTextarea>
					<rich:message for="pregunta5" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>

					<h:outputText
						value="Escriba la
							pregunta o preguntas de investigación escogidas" />

					<h:inputTextarea value="#{grupoBean.bitacora2.seleccionada1}"
						style="width: 460px; " id="seleccionada1"
						validatorMessage="Error de Validación: Valor es más grande de valor de máximo permitido: '1024'.">
						<f:validateLength maximum="1024" />
						<rich:ajaxValidator event="onblur" />
					</h:inputTextarea>
					<rich:message for="seleccionada1" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>

					<h:inputTextarea value="#{grupoBean.bitacora2.seleccionada2}"
						style="width: 460px; " id="seleccionada2"
						validatorMessage="Error de Validación: Valor es más grande de valor de máximo permitido: '1024'.">
						<f:validateLength maximum="1024" />
						<rich:ajaxValidator event="onblur" />
					</h:inputTextarea>
					<rich:message for="seleccionada2" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>

					<h:outputText
						value="Escriba las
							nuevas preguntas de investigación que surgen durante el diseño de
							la trayectoria" />

					<h:inputTextarea
						value="#{grupoBean.bitacora2.preguntaTrayectoria1}"
						style="width: 460px; " id="preguntaTrayectoria1"
						validatorMessage="Error de Validación: Valor es más grande de valor de máximo permitido: '1024'.">
						<f:validateLength maximum="1024" />
						<rich:ajaxValidator event="onblur" />
					</h:inputTextarea>
					<rich:message for="preguntaTrayectoria1" style="color:red;">
						<f:facet name="errorMarker">
							<h:graphicImage value="/images/icons/error.jpg" />
						</f:facet>
					</rich:message>
				</h:panelGrid>


				<a4j:commandButton value="Aceptar"
					action="#{grupoBean.crearBitacora2Grupo}"
					oncomplete="#{rich:component('wait')}.show()"
					style="width: 104px; height: 29px; " />
			</a4j:outputPanel>
		</a4j:form>

		<rich:modalPanel id="wait" autosized="true" width="300" height="120"
			moveable="false" style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Informacion" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink"
						styleClass="hidelink" />
					<rich:componentControl for="wait" attachTo="hidelink"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{grupoBean.bitacora2Gcreada}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/ok.jpg" />
								<h:outputText value="Datos almacenados correctamente"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
							<a4j:commandButton value="Aceptar"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('wait')}.hide();"
								action="grupoIni"
								style="width: 100px; height: 30px; font-size: 16px; align: center"></a4j:commandButton>
						</h:panelGroup>
					</a4j:outputPanel>
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{!grupoBean.bitacora2Gcreada}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/err.jpg" />
								<h:outputText
									value="Error creando la bitacora (No esta en la fecha permitida)"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
							<a4j:commandButton value="Aceptar"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('wait')}.hide();"
								style="width: 100px; height: 30px; font-size: 16px; align: center"></a4j:commandButton>
						</h:panelGroup>
					</a4j:outputPanel>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

	</ui:define>
	<ui:define name="menu1">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="grupoIni.jsf"> <span>Atras</span>
				</a>
				</li>
			</ul>
		</a4j:form>
	</ui:define>
</ui:composition>
</html>